<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <title>社团管理系统/留言板</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../static/home/css/bootstrap.css">
    <link rel="stylesheet" href="../static/home/css/themify-icons.css">
    <link rel="stylesheet" href="../static/home/css/flaticon.css">
    <link rel="stylesheet" href="../static/home/css/all.min.css">
    <link rel="stylesheet" href="#">
    <link rel="stylesheet" href="../static/home/css/animate.css">
    <!-- main css -->
    <link rel="stylesheet" href="../static/home/css/style.css">
    <link rel="stylesheet" href="../static/home/css/responsive.css">
</head>
<body>

    <!--================ Start header Top Area =================-->
    <section class="header-top">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-6 col-lg-4">
                    <div class="float-left">
                      
                    </div>
                </div>
                <div class="col-6 col-lg-4 col-md-6 col-sm-6 logo2-wrapper">
                    <a href="front_home.html" class="logo2">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </a>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 search-trigger">
                    <div class="right-button">
                        <ul>
                            <li><a id="search" href="javascript:void(0)"><i class="fas fa-search"></i></a></li>

                            <li><a href="/login">登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="search_input" id="search_input_box">
            <div class="container ">
                <form class="d-flex justify-content-between search-inner">
                    <input type="text" class="form-control" id="search_input" placeholder="Search Here">
                    <button type="submit" class="btn"></button>
                    <span class="ti-close" id="close_search" title="Close Search"></span>
                </form>
            </div>
        </div>
    </section>
    <!--================ End header top Area =================-->

    <!-- Start header Menu Area -->
    <header id="header" class="header_area">
        <div class="main_menu">
            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
                        <ul class="nav navbar-nav menu_nav ml-auto mr-auto">
                            <li class="nav-item active"><a class="nav-link" href="/front_home">主页</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Community_display">社团</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_Wonderful_moments">精彩时刻</a></li>
                            <li class="nav-item submenu dropdown">
                                <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">动态</a>
                                <ul class="dropdown-menu">
                                    <li class="nav-item"><a class="nav-link" href="/front_dynamic">动态</a></li>
                                    <li class="nav-item"><a class="nav-link" href="/front_Message_Board">留言板</a></li>
                                </ul>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="/front_dynamic">最新咨询</a></li>
                            <li class="nav-item"><a class="nav-link" href="/front_contact">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <!-- End header MEnu Area -->


    <!--================Home Banner Area =================-->
    <section class="banner_area">
      <div class="banner_inner d-flex align-items-center">
        <div class="container">
          <div class="banner_content d-md-flex justify-content-between align-items-center">
            <div class="mb-3 mb-md-0">
              <h2>留言板</h2>
            </div>
            <div class="page_link">
              <a href="front_home.html">主页</a>
              <a href="front_contact.html">留言板</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================End Home Banner Area =================-->


<!--================Blog Area =================-->
<section class="blog_area single-post-area area-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 posts-list">
                <div class="single-post">
                    <div class="feature-img">
                        <img class="img-fluid" src="../static/home/picture/重财15.png" alt="">
                    </div>

                    <div class="blog_details">
                        <h2>在我们大学生活中如何充分利用我们的时间，去丰富我们的社团生活</h2>
                        <ul class="blog-info-link mt-3 mb-4">
                            <li><a href="#"><i class="far fa-user"></i>羽毛球社</a></li>
                            <li><a href="#"><i class="far fa-comments"></i> 03 观看</a></li>
                        </ul>
                        <p class="excert">
                            留出足够的时间来进行体育锻炼，最好能根据自己的身心状况与客观条件制定出一个体育锻炼计划，强身壮体，务必拥有一个健康强壮的身体。身体健康是一切事物的前提。现实来说，每年大学都会有体测，体侧不及格评优机会就是别人的，到最后体测成绩如果没到标准可能会延毕。
                        </p>
                        <p>
                           .开展一些有益的文娱活动，唱歌，跳舞，打球等等，培养多种爱好，如集邮，下棋，唱歌等，这样可以是你的生活充满乐趣，也可以扩大你的交际圈，扩充你的人脉资源
                        </p>
                        <div class="quote-wrapper">
                            <div class="quotes">
                                其次，打羽毛球能促进血液循环。这点我也是深有体会的，以前我每天早上醒来之后
手臂也是麻麻的，仔细观察，我的左臂和右臂的血管的粗细明显不一，这是由于我有轻微
的高血脂的缘故。最近，我发现血管粗细的对比没有那么明显了，也许是我的心理作用，
也许是运动真的起了作用吧！
                            </div>
                        </div>


                        <p>
                           最后，打羽毛球能降低孩子近视的几率。这点虽然我没有足够的依据可讲，但是坚持
打球的时候，我们的眼睛一直都会围绕着球，也就是直视远方，这对眼睛应该是一个很好
的放松休息吧，让孩子长期坚持打球，既能锻炼身体，也能让孩子少接触电视电脑，这应
该是值得提倡的吧！
为了自身的健康，我们一定要将这个运动坚持到底！

                        </p>
                        <p>
                            必须在体育教育和智力教育之间取得平衡。体育应造就强壮的战士,健全的精神寓于健
                        </p>
                    </div>
                </div>
                <div class="navigation-top">
                    <div class="d-sm-flex justify-content-between text-center">
                        <p class="like-info"><span class="align-middle"><i class="far fa-heart"></i></span> 4人喜欢</p>
                        <div class="col-sm-4 text-center my-2 my-sm-0">
                            <p class="comment-count"><span class="align-middle"><i class="far fa-comment"></i></span> 06 观看</p>
                        </div>
                        <ul class="social-icons">
                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                            <li><a href="#"><i class="fab fa-behance"></i></a></li>
                        </ul>
                    </div>

                    <div class="navigation-area">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12 nav-left flex-row d-flex justify-content-start align-items-center">
                                <div class="thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="../static/home/picture/小人头像1.jpeg" alt="">
                                    </a>
                                </div>
                                <div class="arrow">
                                    <a href="#">
                                        <span class="lnr text-white lnr-arrow-left"></span>
                                    </a>
                                </div>
                                <div class="detials">
                                    <p>小梅</p>
                                    <a href="#">
                                        <h4>分享了该篇动态</h4>
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12 nav-right flex-row d-flex justify-content-end align-items-center">
                                <div class="detials">
                                    <p>小王</p>
                                    <a href="#">
                                        <h4>评论了该篇动态</h4>
                                    </a>
                                </div>
                                <div class="arrow">
                                    <a href="#">
                                        <span class="lnr text-white lnr-arrow-right"></span>
                                    </a>
                                </div>
                                <div class="thumb">
                                    <a href="#">
                                        <img class="img-fluid" src="../static/home/picture/小人头像2.jpeg" alt="">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="blog-author">
                    <div class="media align-items-center">
                        <img src="../static/home/picture/小人头像3.jpeg" alt="">
                        <div class="media-body">
                            <a href="#">
                                <h4>小爽</h4>
                            </a>
                            <p>人不学习少知识，会成为次品；人不锻炼缺健康，成为废品。</p>
                        </div>
                    </div>
                </div>

                <div class="comments-area">
                    <h4>05 观看</h4>
                    <div class="comment-list">
                        <div class="single-comment justify-content-between d-flex">
                            <div class="user justify-content-between d-flex">
                                <div class="thumb">
                                    <img src="../static/home/picture/小人头像4.jpeg" alt="">
                                </div>
                                <div class="desc">
                                    <p class="comment">
                                        赞同观点
                                    </p>

                                    <div class="d-flex justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <h5>
                                                <a href="#">皇子黄</a>
                                            </h5>
                                            <p class="date">December 20, 2022 at 3:12 pm </p>
                                        </div>

                                        <div class="reply-btn">
                                            <a href="#" class="btn-reply text-uppercase">回复</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="comment-list">
                        <div class="single-comment justify-content-between d-flex">
                            <div class="user justify-content-between d-flex">
                                <div class="thumb">
                                    <img src="../static/home/picture/小人头像2.jpeg" alt="">
                                </div>
                                <div class="desc">
                                    <p class="comment">
                                        我们总会有自己喜欢的东西,坚持健身运动,热爱生活每一天。 
                                    </p>

                                    <div class="d-flex justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <h5>
                                                <a href="#">小亮</a>
                                            </h5>
                                            <p class="date">jay 4, 2022 at 9:12 pm </p>
                                        </div>

                                        <div class="reply-btn">
                                            <a href="#" class="btn-reply text-uppercase">回复</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="comment-list">
                        <div class="single-comment justify-content-between d-flex">
                            <div class="user justify-content-between d-flex">
                                <div class="thumb">
                                    <img src="../static/home/picture/小人头像1.jpeg" alt="">
                                </div>
                                <div class="desc">
                                    <p class="comment">
                                      全民健身日,跳起健身之舞,活力无边;唱起健身之歌,神采飞扬;宣扬健身之道,妙不可言
                                    </p>

                                    <div class="d-flex justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <h5>
                                                <a href="#">小花</a>
                                            </h5>
                                            <p class="date">December 5, 2022 at 11:12 pm </p>
                                        </div>

                                        <div class="reply-btn">
                                            <a href="#" class="btn-reply text-uppercase">回复</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="comment-form">
                    <h4>留下评论</h4>
                    <form class="form-contact comment_form" action="#" id="commentForm">
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <textarea class="form-control w-100" name="comment" id="comment" cols="30" rows="9" placeholder="写下内容"></textarea>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input class="form-control" name="name" id="name" type="text" placeholder="名字">
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <input class="form-control" name="email" id="email" type="email" placeholder="邮箱">
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <input class="form-control" name="website" id="website" type="text" placeholder="微博">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <button type="submit" class="button button-contactForm">发送信息</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="col-lg-4">
                  <div class="blog_right_sidebar">
                      <aside class="single_sidebar_widget search_widget">
                          <form action="#">
                            <div class="form-group">
                              <div class="input-group mb-3">
                                <input type="text" class="form-control" placeholder="搜索关键字">
                                <div class="input-group-append">
                                  <button class="btn" type="button"><i class="ti-search"></i></button>
                                </div>
                              </div>
                            </div>
                            <button class="button rounded-0 primary-bg text-white w-100" type="submit">搜索</button>
                          </form>
                      </aside>

                      <aside class="single_sidebar_widget post_category_widget">
                        <h4 class="widget_title">标签</h4>
                        <ul class="list cat-list">
                            <li>
                                <a href="#" class="d-flex">
                                    <p>汉服</p>
                                    <p>(37)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>科技</p>
                                    <p>(10)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>活力</p>
                                    <p>(03)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>绘画</p>
                                    <p>(11)</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>灵魂</p>
                                    <p>21</p>
                                </a>
                            </li>
                            <li>
                                <a href="#" class="d-flex">
                                    <p>羽毛球</p>
                                    <p>09</p>
                                </a>
                            </li>
                        </ul>
                      </aside>

                      <aside class="single_sidebar_widget popular_post_widget">
                          <h3 class="widget_title">最近发布</h3>
                          <div class="media post_item">
                              <img src="../static/home/picture/重财9.png" alt="post">
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>运动起来！</h3>
                                  </a>
                                  <p>January 12, 2022</p>
                              </div>
                          </div>
                       <div class="media post_item">
                              <img src="../static/home/picture/重财2.jpg" alt="post">                              
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>精美汉服</h3>
                                  </a>
                                  <p>03 小时以前</p>
                              </div>
                          </div>
                          <div class="media post_item">
                              <img src="../static/home/picture/重财7.png" alt="post">
                              <div class="media-body">
                                  <a href="front_Message_Board.html">
                                      <h3>夜色校园</h3>
                                  </a>
                                  <p>01 小时以前</p>
                              </div>
                          </div>
                      </aside>
                      <aside class="single_sidebar_widget tag_cloud_widget">
                          <h4 class="widget_title">热搜词</h4>
                          <ul class="list">
                              <li>
                                  <a href="#">汉服</a>
                              </li>
                              <li>
                                  <a href="#">期末考核</a>
                              </li>
                              <li>
                                  <a href="#">依托答辩</a>
                              </li>
                              <li>
                                  <a href="#">疫情</a>
                              </li>
                              <li>
                                  <a href="#">美食</a>
                              </li>
                              <li>
                                  <a href="#">自律</a>
                              </li>
                              <li>
                                  <a href="#">锻炼</a>
                              </li>
                              <li>
                                  <a href="#">分享生活</a>
                              </li>
                          </ul>
                      </aside>


                      


                      <aside class="single_sidebar_widget newsletter_widget">
                        <h4 class="widget_title">快速通报</h4>

                        <form action="#">
                          <div class="form-group">
                            <input type="email" class="form-control" placeholder="Enter email" required="">
                          </div>
                          <button class="button rounded-0 primary-bg text-white w-100" type="submit">订阅</button>
                        </form>
                      </aside>
                  </div>
              </div>
          </div>
      </div>
  </section>
<!--================Blog Area end =================-->

<!-- ================ Instargram Area Starts ================= -->  

<section class="instagram">
        <div class="row no-gutters">
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (1).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (3).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (4).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活 (5).png" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财生活4 (2).jpg" alt=""></a>
            </div>
            <div class="col-2">
                <a href=""><img src="../static/home/picture/重财14.png" alt=""></a>
            </div>
        </div>
    </section>

    <!-- ================ Instargram Area End ================= -->  


    <!-- ================ start footer Area ================= -->
   <footer class="footer-area">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>关于我们</h4>
                    <p>我们是对理想有着执着追求的人，坚信是金子总会发光。</p>
                    <div class="footer-logo">
                        <img src="../static/home/picture/logo2.png" alt="">
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>联系方式</h4>
                    <div class="footer-address">
                        <p>地址 :重庆巴南区
                       </p>
                        <span>电话 : +123456</span>
                        <span>邮箱Email : shetuanguanli.com</span>
                    </div>
                </div>

                <div class="col-lg-3 col-sm-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>活跃平台</h4>
                    <ul>
                        <li><a href="#">QQ</a></li>
                        <li><a href="#">微信</a></li>
                        <li><a href="#">微博</a></li>
                        <li><a href="#">百度</a></li>
                        <li><a href="#">抖音</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-sm-6 col-md-6 mb-4 mb-xl-0 single-footer-widget">
                    <h4>加入我们</h4>
                    <p>欢迎你！我们相信，公司因为你的加⼊⽽会更精彩更完美</p>

                    <div class="form-wrap" id="mc_embed_signup">
                        <form target="_blank" action="#" method="get">
                        <div class="input-group">
                            <input type="email" class="form-control" name="EMAIL" placeholder="Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = '你的地址 '">
                            <div class="input-group-append">
                                <button class="btn click-btn" type="submit">
                                    <i class="fab fa-telegram-plane"></i>
                                </button>
                            </div>
                        </div>
                        <div style="position: absolute; left: -5000px;">
                            <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                        </div>

                        <div class="info"></div>
                    </form>
                </div>

            </div>
        </div>
        <div class="footer-bottom row align-items-center text-center text-lg-left no-gutters">
        
        </div>
    </div>
</footer>

    <!-- ================ Instargram Area End ================= -->  



<!-- ================ End footer Area ================= -->






<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../static/home/js/jquery-2.2.4.min.js"></script>
<script src="../static/home/js/popper.js"></script>
<script src="../static/home/js/bootstrap.min.js"></script>
<script src="../static/home/js/stellar.js"></script>
<script src="../static/home/js/jquery.magnific-popup.min.js"></script>
<script src="../static/home/js/jquery.ajaxchimp.min.js"></script>
<script src="../static/home/js/waypoints.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/contact.js"></script>
<script src="../static/home/js/jquery.form.js"></script>
<script src="../static/home/js/jquery.validate.min.js"></script>
<script src="../static/home/js/mail-script.js"></script>
<script src="../static/home/js/theme.js"></script>
</body>
</html>